<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>毕业设计</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit|ie-stand">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="description" content="外卖采购网">
    <!-- <link rel="stylesheet" type="text/css" href="style/base.css"> -->
    <link rel="stylesheet" type="text/css" href="style/index.css">
    <link rel="stylesheet" type="text/css" href="style/swiper-3.3.1.min.css">
    <link rel="stylesheet" href="style/toastr.min.css">
    <link rel="stylesheet" href="style/pagination.css">
    <script src="script/pagination.js"></script>
</head>
<body>
<div class="box">
    <div class="box-header">
        <!-- 顶部导航栏 -->
        <div class="topber">
            <div class="topber-left">
                <ul>
                    <li><span class="topbar">校园点餐</span></li>
                    <li><a href="" class="top-city">点餐首页</a></li>
                </ul>
            </div>
            <div class="topber-right">
                <ul>
                    <li><a href="##" class="login1">登录</a></li>
                    <li><a href="##" class="admin">admin</a></li>
                    <li><a href="##" class="zhuce1">注册</a></li>
                    <!-- <li><a href="##" class="release1">发布日志</a></li> -->
<!--                    <li><a href="page/address.html" class="new_log">收货地址</a></li>-->
                    <li><a href="page/log.html" class="new_log">我的订单</a></li>
                    <li><a href="page/placeOrder.html" class="new_log">结算</a></li>
                    <li><a href="page/coupon.html" class="new_log">我的优惠券</a></li>
                    <!-- <li><a href="http://bbs.360.cn/forum-2617-1.html">论坛</a></li> -->
                    <li><a href="" class="yanse" onclick="lout()"><span>退出登录</span></a></li>
                </ul>
            </div>
        </div>

        <!-- 搜索框 -->
        <div class="box_search">
            <input class="input-text input-hotel-text float" placeholder="请输入搜索关键字" type="text"><span class="error"></span></input>
            <button class="button button-hotel" onclick="searchClick()"><i class="icon-search"></i><span>搜索</span></button>
        </div>
    </div>
    <!--  模块 -->
    <div class="box_main">
        <div class="box_tourist">
            <div >
                <div class="log">菜单列表</div>
                <div>
                    <button class="dishCls" onclick="searchClick('热菜')">热菜</button>
                    <button class="dishCls" onclick="searchClick('凉菜')">凉菜</button>
                    <button class="dishCls" onclick="searchClick('小吃')">小吃</button>
                    <button class="dishCls" onclick="searchClick('主食')">主食</button>
                    <button class="dishCls" onclick="searchClick('汤类')">汤类</button>
<!--                    <div class="d1-1">-->
<!--                        热菜-->
<!--                    </div>-->
<!--                    <div class="d1-2">-->
<!--                        凉菜-->
<!--                    </div>-->
<!--                    <div class="d1-1">-->
<!--                        小吃-->
<!--                    </div>-->
<!--                    <div class="d1-2">-->
<!--                        主食-->
<!--                    </div>-->
<!--                    <div class="d1-1">-->
<!--                        汤类-->
<!--                    </div>-->
                </div>
            </div>
            <div class="t_flex">
                <div class="t_item">
                    <div class="t_item_top">
                        <a href="page/placeOrder.html" class="fl second-nav-cell">
                            <img src="https://pic.dominos.com.cn:8443/ApiPicture/20200612/a1017fb165664e5daf203790f6741e5b.jpg" alt="">
                        </a>
                    </div>
                    <div class="item_text">
                        西班牙风情香肠肉酱比萨
                    </div>
                    <div class="item_mony">
                        <div class="left_m"> ￥34元</div>
                        <div class="right_d">
                            <span class="less" onclick="lessClick()">-</span>
                            <span class="num">0</span>
                            <span class="puls" onclick="pulsClick()">+</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分页 -->
            <div id="pages_1">
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-nav">
            <div class="footer-nav-div1">
                <span class="footer-nav-div1_span"></span>
                <div class="footer-nav-wen">
                    <h3>关于我们</h3>
                    <p><a href="" style="color: blue;">联系我们</a></p>
                    <p><a href="">简单介绍</a></p>
                </div>
            </div>
            <div class="footer-nav-div1">
                <span class="footer-nav-div1_span"></span>
                <div class="footer-nav-wen">
                    <h3>支付方式</h3>
                    <p><a href="">当面付款</a></p>
                </div>
            </div>
            <div class="footer-nav-div1">
                <span class="footer-nav-div1_span"></span>
                <div class="footer-nav-wen">
                    <h3>售后服务</h3>
                    <p><a href="">投诉建议</a></p>
                    <p><a href="">售后说明</a></p>
                </div>
            </div>
            <div class="footer-nav-div1">
                <span class="footer-nav-div1_span"></span>
                <div class="footer-nav-wen">
                    <h3>帮助中心</h3>
                    <p id="teshu"><a href="">新手上路</a></p>
                    <p><a href="">使用帮助</a></p>
                    <p><a href="">使用工具</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p><span style="padding:0 10px">客服电话：4000-399-360 / 010-53767360</span>
            <a style="padding:0 10px 0 10px" href="/help/o-contact-us.html">投诉建议</a>
            <a href="http://bang.360.cn/site/map/" target="_blank">网站地图</a>
        </p>
        <p class="footer-buttom-p">Copyright © 2005-2017&nbsp;&nbsp;360.CN&nbsp;&nbsp;All Rights Reserved&nbsp;&nbsp;360安全中心</p>
        <p><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备08010314号-19</a></p>
        <p><a href="http://www.miibeian.gov.cn/" target="_blank">
            友情链接
            Hertz国际租车大自驾网凤凰古城住宿推荐信息聚合豌豆荚安卓市场凤凰网旅游神州租车中国签证资讯网北京国旅官网同程旅游相约久久旅游网携程旅游网户外资料网火车票绿野网欣欣旅游网驴妈妈旅游网多多驿站艺龙旅游指南</a></p>
    </div>
</div>
<!-- 登录 -->
<div class="login">
    <span class="l_close">X</span>
    <div class="zhuce-top">用户登录</div>
    <div class="zhuce-mian">
        <div class="r_item1 mt20">
            <div class="password"><input class="l_phone" title="手机号" maxlength="11" placeholder="请输入账号/手机号" type="text" name=""></div>
        </div>
        <div class="r_item1 mt20">
            <div class="password"><input class="l_password" title="密码" maxlength="16" type="password" placeholder="请输入密码" name=""></div>
        </div>
        <div class="r_item1 mt20">
            <div class="r_button"><button class="btn-valid" onclick="loginClick()"><span>登录</span></button></div>
        </div>
    </div>
</div>
<!-- 注册 -->
<div class="zhuce" style=" width:450px;height:500px;position:fixed;left: 50%;top:50%;transform:translate(-50%,-50%);background-color:white;z-index:30;display: none;">
    <span class="close">X</span>
    <div class="zhuce-top">注册账号</div>
    <div class="zhuce-mian">
        <div class="r_item">
            <div class="r_item_left">用户名：</div>
            <div class="r_item_right"><input class="r_username" title="账号" maxlength="11" placeholder="请输入用户名" type="text" name=""></div>
        </div>
        <div class="r_item">
            <div class="r_item_left">密码：</div>
            <div class="r_item_right"><input class="r_password" title="密码" maxlength="16" type="password" placeholder="请输入密码" name=""></div>
        </div>
        <div class="r_item">
            <div class="r_item_left">姓名：</div>
            <div class="r_item_right"><input class="r_name" title="姓名" maxlength="10" placeholder="请输入姓名" type="text" name=""></div>
        </div>
        <div class="r_item" style="height: 40px;">
            <div class="r_item_left">性别：</div>
            <div class="r_item_right" style="display: flex;">
                <input type="radio" class="r_sex" style="height: 20px; width: 40px;" checked="checked" name="sex" value="男">男
                <input type="radio" class="r_sex" style="height: 20px; width: 40px;" title="性别" name="sex" value="女">女
            </div>
        </div>
        <div class="r_item">
            <div class="r_item_left">手机号：</div>
            <div class="r_item_right"><input type="text" class="phoneNumber" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11"  placeholder="请输入手机号"></div>
        </div>
        <div class="r_item">
            <div class="r_item_left">邮箱：</div>
            <div class="r_item_right"><input class="r_email" title="邮箱" maxlength="50" placeholder="请输入邮箱" type="text" name=""></div>
        </div>
        <div class="r_item">
            <div class="r_button"><button onclick="registered()" class="btn-valid"><span>注册</span></button></div>
        </div>
        <div class="r_footer">
            <div class="fl">已有帐号？<a>登录</a></div>
            <div class="fr">同意会员条款和免责声明</div>
        </div>
    </div>
</div>
<!-- 发布日志 -->
<div class="release" style="width:520px;min-height:450px;">
    <div class="release-top">发布旅游日志</div>
    <span class="r_close">X</span>
    <div class="release-mian mt10">
        <div class="m_item">
            <textarea class="textarea" title="旅游日志" maxlength="250" rows="4" placeholder="请输入旅游心得..."></textarea>
        </div>
        <!-- <div style="padding: 10px 0px 5px 10px; width: 500px; min-height: 200px;">
            <form method="post" id="passForm">
                <div id="fileCenter">
                    <div class="fileImgDiv">
                        <div class="addImages">
                            <input type="file" id="file" class="fileUpload" onchange="uploadImg()" id="i_fileInput" multiple="" accept="image/png, image/jpeg, image/gif, image/jpg"/>
                            <div class="clickUpload">
                                <span>+</span>
                                <p>点击上传图片</p>
                            </div>
                        </div>
                        <p style="color: #888; padding: 5px 0; margin: 0">注：每张照片大小不可超过4M,最多可传8张</p>
                    </div>
                </div>
                <div class="msg" style="display: none;"></div>
            </form>
        </div> -->
        <div class="mt15 update_img">
            <form action="" method="post" id="uploadF">
                <div style="margin-top: 30px;">
                    <input name="file" type="file" id="uploadFile" onchange="uploadImg();" value="" />
                    <!-- <input type="file" name="file" id="file" onchange="uploadImg();"  > -->
                    <!-- <input type="hidden" name="avatar" id="avatar"> -->
                </div>
            </form>
            <div class="mt10" style="margin-top: 30px;">
                <input type="hidden" name="avatar" id="avatar">
                <img src="https://zyn3.gzhnlx.com/uploads/userfiles/1/images/avatar/1-200PQ045262.jpg" alt="" id="avatarShow" width="50px" height="50px">
            </div>
        </div>
        <div class="b_item" style="margin-top: 30px;">
            <button class="btn-valid" onclick="release()"><span>发布</span></button>
        </div>
    </div>
</div>
<!-- 遮罩 -->
<div id="zz"></div>
</body>
<!--script-->
<script type="text/javascript" src="script/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src = "script/swiper-3.3.1.min.js"></script>
<script type="text/javascript" src = "script/ajax.js"></script>
<script type="text/javascript" src="script/index.js"></script>
<script type="text/javascript" src="script/utils.js"></script>
<script src="script/toastr.min.js"></script>
<script type="text/javascript">
    toastr.options = {
        timeOut: "600",
    };
</script>
</html>
